.title{position: relative;height: 56px;line-height: 56px;background: url(../box/images/conttitbg.png) no-repeat left center;}
.title h2{float: left;font-size: 14px;font-weight: bold;}
.title h2 a{margin-left: 15px;color: #104291;}
.title span.more{float: right;margin-right: 15px;padding-right: 18px;font-weight: normal;color: #546a85;background: url(../box/images/titmore_ico.png) no-repeat right center;}
@media(max-width:767px){ 

}
.notice{background:; overflow:hidden; }
.notice .list-box{text-align:left;}
.notice .list-box ul{list-style: none;}
.notice .list-box ul:after{display:block; content:''; clear:both;}
.notice .list-box ul li{display: inline-block;}
.notice .list-box ul li b{color:red;font-weight:bold;margin: 0 2px;padding:0;}
.notice .list-box ul li a{margin-right:10px;padding:0;}
.notice .list-box ul li span{color:#aaa;margin:0 32px 0 20px;}

.product{background:; overflow:hidden; }
.product .menu{float: left;width: 210px;}
.product .list-box{float: right;overflow: hidden;}
.product .list-box .title{height: 38px;line-height: 38px;}
.product .list-box ul{list-style: none;}
.product .list-box ul:after{display:block; content:''; clear:both;}
.product .list-box ul li{float:left;}
.product .list-box ul li a{display:block; transition:.3s;}
.product .list-box ul li a span{display:block; overflow:hidden;}
.product .list-box ul li a span img{display:block; width:100%;border: 1px solid #e5e5e5; transition:.3s;}
.product .list-box ul li a:hover span img{transform:scale(1.05); } 
.product .list-box ul li a h4{display:block; text-align:center;padding-bottom:0 !important; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:600;color: #104291;}
.product .list-box ul li a h3{display:block; text-align:center; color:red;}
@media(min-width:992px){
.product{padding-top:5px; padding-bottom:28px;}
.product .list-box{width: 780px;}
.product .list-box ul li{width:25%;}
}
@media(max-width:1024px){
.product .list-box{width: 760px;}
}
@media(max-width:991px){
.product{padding-top:5px; padding-bottom:18px;}
.product .list-box{width: 510px;}
.product .list-box ul li{width:33.3%;}
}
@media(min-width:768px){ 
.product .list-box ul{margin:0 -8px;}
.product .list-box ul li{padding:8px;}
.product .list-box ul li a h4{padding:8px;}
}
@media(max-width:767px){ 
.product .menu,
.product .list-box{width: 100%;float: none;}
.product .list-box ul{margin:0 -4px;}
.product .list-box ul li{padding:4px;width:50%;}
.product .list-box ul li a h4{padding:4px;}
}

.service{background:; overflow:hidden; }
.service .clients img {display: block;}
.service_Box {position: relative;height: 450px;background-image:url(../../upload/photo/202306/121249287.jpg);background-position: center;background-repeat: no-repeat;}
.service_Box dl {position: absolute;}
.service_Box dt {font-weight: bold;font-size: 16px;color: #546a85;}
.service_Box dt b {position: absolute;left: -70px;top: 0;width: 54px;height: 54px;line-height: 54px;text-align: center;color: #fff;background-color: #e07474;font-size: 30px;}
.service_Box dt b.lv {background-color: #5cc3b5;}
.service_Box dd {line-height: 18px;font-size: 14px;color: #333;width: 190px;}
.service_Box dd p {color: #ff5a00;}
.service_Box .service_01 {left: 100px;top: 66px;}
.service_Box .service_02 {left: 760px;top: 66px;}
.service_Box .service_03 {left: 100px;top: 232px;}
.service_Box .service_04 {left: 760px;top: 232px;}
@media(max-width:768px){ 
.service_Box {height: 360px;background-image:none;}
.service_Box .service_02,
.service_Box .service_04 {left: 480px;}
}
@media(max-width:767px){ 
.service_Box dd{width: auto;}
.service_Box .service_01 {left: 75px;top: 40px;}
.service_Box .service_02 {left: 75px;top: 120px;}
.service_Box .service_03 {left: 75px;top: 200px;}
.service_Box .service_04 {left: 75px;top: 280px;}
}

.mechanical{background:; overflow:hidden; }
.mechanical .list-box{background-color: #fff;border: 1px solid #ddd;margin-top: 24px;}
.mechanical .list-box ul:after{display:block; content:''; clear:both;}
.mechanical .list-box ul li{float:left;}
.mechanical .list-box ul li a{transition:.3s;}
.mechanical .list-box ul li>a>span{display:block; overflow:hidden;}
.mechanical .list-box ul li a span img{display:block; transition:.3s;padding: 4px;border: 1px solid #d2d2d2;}
.mechanical .list-box ul li a:hover span img{transform:scale(1.05);} 
.mechanical .list-box ul li a h4{display:block; text-align:center;padding-bottom:0 !important; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:normal;color: #104291;}
@media(min-width:992px){
.mechanical{padding-top:10px; padding-bottom:28px;} 
.mechanical .list-box ul li{width:25%; padding:8px;}
}
@media(max-width:991px){
.mechanical{padding-top:10px; padding-bottom:18px;} 
.mechanical .list-box ul li{width:50%; padding:6px;}
}

@media(max-width:767px){ 
.mechanical .list-box ul li{width:100%; padding:4px;}
.mechanical .list-box ul li a span img{width: 100%;}
}

.strength{background:; overflow:hidden; }
.strength .plist-box,.strength .slist-box{background-color: #fff;border: 1px solid #ddd;}
.strength .plist-box ul:after,.strength .slist-box ul:after{display:block; content:''; clear:both;}
.strength .plist-box ul li,.strength .plist-box ul li{float:left;}
.strength .plist-box ul li a{transition:.3s;color:#104291;}
.strength .plist-box ul li>a>span{float:left; overflow:hidden; }
.strength .plist-box ul li a span img{display:block; width: 100%; transition:.3s;}
.strength .plist-box ul li a:hover span img{transform:scale(1.05);} 
.strength .plist-box ul li>div{padding-left:240px;}
.strength .plist-box ul li>div h3{display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;height: 30px;line-height: 30px;font-size: 14px;font-weight: bold;}
.strength .plist-box ul li>div p{margin: 25px 0 16px 0;line-height: 22px;color: #333;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.strength .plist-box ul li>div span.more{padding-right: 18px;color: #546a85;background: url(../box/images/titmore_ico.png) no-repeat right center;}
.strength .plist-box ul li>div span.more a{color: #546a85;}
.strength .slist-box ul li{margin-top: 20px;}
.strength .slist-box ul li a{position: relative;color: #fff;}
.strength .slist-box ul li h3{position: absolute;left: 0;bottom: 2px;width: 100%;height: 34px;line-height: 34px;background: url(../box/images/tdh5_ico.png);font-weight: normal;}
@media(min-width:992px){
.strength{padding-bottom:28px;} 
.strength .plist-box{width: 676px;height: 476px;float: left;}
.strength .plist-box ul{margin: 20px 22px 28px 22px;}
.strength .plist-box ul li{padding:8px;}
.strength .slist-box{width: 306px;height: 476px;float: right;}
.strength .slist-box ul{margin: 10px auto;text-align: center;}
}
@media(max-width:991px){
.strength{padding-bottom:18px;} 
.strength .plist-box,.strength .slist-box{width: 100%;height: auto;float: none;}
.strength .plist-box{margin-bottom: 15px;}
.strength .plist-box ul,.strength .slist-box ul{margin: 10px 12px 18px 12px;}
.strength .plist-box ul li{padding:4px;}
.strength .slist-box ul li{width: 50%; padding:6px;float: left;}
.strength .slist-box ul li a span img{display:block; width: 100%;}
.strength .slist-box ul li h3 {bottom: 0;text-align: center;}
}

@media(max-width:767px){ 
.strength .plist-box ul li>a>span{width:100%;}
.strength .plist-box ul li>div{padding-left:0;float: left;}
.strength .plist-box ul li>div span{height:auto; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.strength .slist-box ul li{width: 100%; padding:4px;float: none;}
.strength .plist-box ul li>div p {margin: 5px 0 10px;}
}

.advertisement{background:; overflow:hidden;}
.advertisement .content{position: relative;}
.advertisement .content span{position: absolute;left: 820px;top: 70px;font-size: 22px;font-weight: bold;color: #546a85;}

.introduce{background:; overflow:hidden; }
.introduce .list-box,.introduce .faq{background-color: #fff;border: 1px solid #ddd;}
.introduce .content{margin: 18px;overflow: hidden;}
.introduce .content:after{display:block; content:''; clear:both;}
.introduce .content .content_info h5{margin-bottom: 12px;height: 26px;line-height: 26px;font-size: 14px;font-weight: bold;}
.introduce .content .content_info h5 a{color: #104291;}
.introduce .content .content_info aside p{margin-bottom: 6px;line-height: 22px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;overflow: hidden;}
.introduce .content .content_info span.more{display: block;margin-top: 15px;}
.introduce .content .content_info span.more a{color: #546a85;padding-right: 18px;margin-top: 15px;background: url(../box/images/titmore_ico.png) no-repeat right center;}
.introduce .factory-box {margin: 0 18px;}
.introduce .factory-box .factory-title {height: 22px;line-height: 22px;font-size: 14px;}
.introduce .factory-box .factory-title a {color: #546a85;}
.introduce .factory-box ul {overflow: hidden;}
.introduce .factory-box li {margin-right: 16px;float: left;width: 146px;text-align: center;}
.introduce .factory-box li h5 {font-weight: normal;}
.introduce .faq .title{margin-bottom: 18px;}
.introduce .faq dl{margin: 0 16px;margin-bottom: 26px;border: 1px dashed #030303;}
.introduce .faq dl dt,.introduce .faq dl dd{padding: 2px 14px 2px 34px;margin: 4px 0;line-height: 22px;background-position: 8px 4px;background-repeat: no-repeat;}
.introduce .faq dl dt{background-image: url(../box/images/tw_ico.png);}
.introduce .faq dt a {color: #104291;}
.introduce .faq dl dd{line-height: 20px;background-image: url(../box/images/jd_ico.png);color: #333;}
@media(min-width:992px){
.introduce{padding-top:10px; padding-bottom:28px;}
.introduce .list-box{width: 676px;height: 486px;float: left;}
.introduce .faq{width: 306px;height: 486px;float: right;}
.introduce .content>img{float:left;margin-right: 15px;}
.introduce .factory-box ul {margin: 18px auto 0 auto;width: 664px;}
}
@media(max-width:991px){
.introduce{padding-top:10px; padding-bottom:18px;}
.introduce .content>img{width:100%}
.introduce .factory-box .factory-title {text-align: center;margin-bottom: 10px;}
.introduce .factory-box ul {margin-bottom: 20px;}
.introduce .factory-box ul li {margin-right: 0;width: 25%;text-align: center;}
}
@media(max-width:767px){
.introduce .list-box{margin-bottom: 15px;}
.introduce .factory-box ul li {width: 50%;}
.introduce .factory-box li h5 {margin-bottom: 5px;}
}

.news{background:; overflow:hidden; }
.news .list-box{width: 49.5%;background-color: #fff;border: 1px solid #ddd;}
.news .list-box ul:after{display:block; content:''; clear:both;}
.news .list-box ul li.special{display: inline-block;}
.news .list-box ul li.special a{transition:.3s;}
.news .list-box ul li.special>a>span{float:left; overflow:hidden; width:160px;margin-right: 15px;}
.news .list-box ul li.special a span img{display:block; transition:.3s;}
.news .list-box ul li.special a:hover span img{transform:scale(1.05);} 
.news .list-box ul li.special>div{display: block;}
.news .list-box ul li.special>div h3{display:block;height: 32px;line-height: 32px;font-weight: normal;font-size: 13px; color: #104291; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.news .list-box ul li.special>div h3 a{color: #104291;}
.news .list-box ul li.special>div p{line-height: 22px;color: #333;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.news .list-box ul li.normal{position: relative;height: 35px;line-height: 35px;border-bottom: 1px dashed #b3b3b3;}
.news .list-box ul li.normal a{display: inline-block;padding-left: 12px; background: url(../box/images/dtliico.png) no-repeat left center;width: 80%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #333;}
.news .list-box ul li.normal span{float: right;}
.news .list-box ul li a:hover{color:#104291}
@media(min-width:992px){
.news{padding-bottom:28px;} 
.news .list-box ul{margin:10px;}
}
@media(max-width:991px){
.news{padding-bottom:18px;} 
.news .list-box ul{margin:8px;}
}
@media(max-width:767px){ 
.news .list-box{width: 100%;float: none;}
.news .list-box.fl{margin-bottom: 15px;}
}